<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 箭头函数语法

        // let 函数名 = (参数) => {函数体}
        // var 函数名 = (参数) => {函数体}

        // 1. 声明箭头函数
        let abc = (x, y) => {
            return x + y;
        }
        console.log(abc(3, 5)); // 8

        // 2. 如果形参只有一个，可以省略小括号
        let bbb = x => {
            return x * x;
        }
        console.log(bbb(5)); // 25

        // 3. 如果函数体只有一行代码，可以省略大括号，并且表示返回函数体的结果
        // （不需要加return，而且有return的效果）
        // let ccc = (x) => {return x * x;}
        let ccc = x => x * x;
        console.log(ccc(5)); // 25




        // 实际运用1：遍历数组，输出数组的值
        [2, 4, , 3, 1, 9].forEach(function(item) {
            console.log(item);
        });
        [2, 4, , 3, 1, 9].forEach(item => console.log(item));

        // 实际运用2：两个数组，把数组中的单元放到另一个数组中
        let a = [];
        [3, 5, 4, 9, 8].forEach(item => a.push(item));
        console.log(a); // [3, 5, 4, 9, 8]
    </script>
</body>

</html>